// 定义用来做全局组件注册的插件

// 插件使用
import PageTools from '@/components/PageTools'
import UploadImg from './UploadImg'
// 1. 插件的定义
// 1. 对象定义法  2.函数定义法[当插件是以函数定义时，函数本身会被作为install自动执行]
const plugin = {
  // 固定的
  install(Vue) {
    // Vue形参: Vue的构造函数
    console.dir(Vue)
    // Vue.component -> 全局注册
    Vue.component(PageTools.name, PageTools)
    Vue.component(UploadImg.name, UploadImg)
  }
}
// 2. 插件的注册 实例化之前 调用Vue.use(plugin)
// 重要: 一旦我们调用了Vue.use(plugin)相当于自动执行了插件对象内部的install
// 并且把Vue构造函数当成实参传入

export default plugin

// 1. 什么是插件？

// 只要你想给Vue扩展一些全局的功能 就可以通过插件来做
// 1. 添加全局的静态方法或者属性 Vue.title = '柴柴老师'
// 2. 添加全局组件 / 全局指令  Vue.component  Vue.directive
// 3. 添加实例方法或者属性   Vue.prototype.$http = funciton(){}
// 只要Vue构造函数能力所及 都可以完成插件

// 2. 插件的定义有几种？
// 俩种：1.对象定义法  2.函数定义法

// 3. Vue.use必须在什么地方执行？
// 必须在new Vue实例化之前

// 4. 执行Vue.use(插件)相当于做了什么事？
// 自动执行了install方法 并且把Vue构造函数实参传入
